//------画面跳转时对权限进行校验----------
import { useStore,mapState } from 'vuex';
import router from './index'
 import store,{KEY} from '@/store/index'
//const store = useStore();
debugger 

router.beforeEach( (to,from,next) => {
    debugger;
    next();

    if(!store.state.UserToken){
        //未登录
        if(to.matched.length > 0 && !to.matched.some(record => record.meta.requiresAuth)){
            // 不需要登录的界面，直接往下走
            //// matched 是Router中的方法，会返回一个数组
            //// some 用于查找数组中对应的属性是否存在
            //// record 表示当前的节点
            next();
        }else{
            // 进入登录界面
            next({
                path:"/login"
            })
        }
    }else {
        //*  用户已经登录  路由的访问权限：
        //next();
        // if(!store.dispatch()){

        // }
       // store.dispatch("permission/FETCH_PERMISSION");
       debugger;
            next();


    }
});

//---------权限校验的管理思路----------
/** 该方案安全性可能不太好，会被抓包修改
 * 1. 定义好全部的路由地址
 * 2. 通过不同的用户向后台请求不同的权限
 * 3. 对用户的权限进行对比，请求数据 == 全部路由 
 */